/* Modal Setting */

.kanban {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  overflow-x: auto;
  overflow-y: hidden;


  & .lane-content-warpper{

    display: inline-block;
    position: relative;
    min-width: 100px;
    max-height: 100%;
    white-space: nowrap;

    & .lane {
      min-height: 1px;
      width: 280px;
      display: inline-block;
      vertical-align: top;
      padding: 0;
      background: transparent;
      margin: 0 2px;
      color: #565656;
      max-height: 100%;

      & .lane-header{
        font-size: 14px;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        padding-left: 10px;
        background: #f5f2f2;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }
      & .lane-card-warpper{
        background: #f5f2f2;
        padding: 5px;
        min-height: 1px;
        width: 100%;
        overflow-y:auto;
        position: relative;

        & .lane-card{
          height: 30px;
          line-height: 30px;
          margin: 5px 0;
          background: #fff;
          color: #999;
          padding: 0 5px;
        }
      }
      & .lane-add{
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        padding-left: 10px;
        background: #f5f2f2;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        cursor: pointer;

        &:hover{
          background: #cacaca;
          color: #eee;
        }
      }


    }
  }

}